<!DOCTYPE html>
<html lang="en">
<%@ page pageEncoding="utf-8"%>
<head>
<%@ include file="/static/include/common.inc"%>
    <meta charset="UTF-8">
    <title>青州市民卡官网</title>
    <link rel="stylesheet" href="static/common/css/bootstrap.min.css">
    <link rel="stylesheet" href="static/common/css/style.css">
    <link rel="stylesheet" href="static/css/qzsmk.css">
    <link rel="stylesheet" href="static/common/css/jMenu.jquery.css">
    <script src="static/common/js/jquery.min.js"></script>
</head>
<body>
<div class="all">
    <%@include file="/static/include/front/front-header.inc" %>
    <%@include file="/static/include/front/front-dhl.inc" %>
</div>
<div class="slider" id="slider">
    <div class="slider-inner">
        <div class="item">
            <div class="img" style="background: url('static/img/slide_1.jpg')">
            </div>
        </div>
        <div class="item">
            <div class="img" style="background: url('static/img/slide_2.jpg')">
            </div>
        </div>
        <div class="item">
            <div class="img" style="background: url('static/img/slide_3.jpg')">
            </div>
        </div>
    </div>
</div>
<div class="mid">
    <div class="mid-div">
        <div class="hxfwq">核心服务区</div>
        <hr class="heng">
        <a href="front/smkservice/smksq.do">
            <div class="mid-fw">
                <div class="mid-imgdiv"><img src="static/img/zxcz.png" alt=""></div>
                <div class="mid-fwnav">市民卡申请</div>
            </div>
        </a>
    <a href="front/smkservice/smkgs.do">
        <div class="mid-fw">
            <div class="mid-imgdiv"><img src="static/img/smklq.png" alt=""></div>
            <div class="mid-fwnav">市民卡挂失</div>
        </div>
    </a>
    <a href="front/smkservice/jycx.do">
        <div class="mid-fw">
            <div class="mid-imgdiv"><img src="static/img/bkhk.png" alt=""></div>
            <div class="mid-fwnav">交易查询</div>
        </div>
    </a>
    <a href="front/smkservice/fwwd.do">
        <div class="mid-fw">
            <div class="mid-imgdiv"><img src="static/img/fwwd.png" alt=""></div>
            <div class="mid-fwnav">服务网点</div>
        </div>
    </a>
    <a href="front/problem/index/1.do">
        <div class="mid-fw">
            <div class="mid-imgdiv"><img src="static/img/cjwt.png" alt=""></div>
            <div class="mid-fwnav">常见问题</div>
        </div>
    </a>
    </div>

</div>
<div class="mid-1">
    <div class="mid1-div">
        <div class="hxfwq">市民卡展示</div>
        <hr class="heng">
        <div id="single-quad" class="carousel slide" data-ride="carousel" data-shift="1">
            <div class="carousel-inner">
                <ul class="row item active">
                    <li class="col-xs-3 one">
                        <img src="static/img/kp1.jpg" class="img-responsive">
                    </li>
                    <li class="col-xs-3 two">
                        <img src="static/img/kp2.jpg" class="img-responsive">
                    </li>
                    <li class="col-xs-3 three">
                        <img src="static/img/kp3.jpg" class="img-responsive">
                    </li>
                    <li class="col-xs-3 four">
                        <img src="static/img/kp4.jpg" class="img-responsive">
                    </li>
                </ul>
                <ul class="row item">
                    <li class="col-xs-3 five">
                        <img src="static/img/kp1.jpg" class="img-responsive">
                    </li>
                    <li class="col-xs-3 six">
                        <img src="static/img/kp2.jpg" class="img-responsive">
                    </li>
                    <li class="col-xs-3 seven">
                        <img src="static/img/kp3.jpg" class="img-responsive">
                    </li>
                    <li class="col-xs-3 eight">
                        <img src="static/img/kp4.jpg" class="img-responsive">
                    </li>
                </ul>
            </div>

            <a class="carousel-control left" href="#single-quad" data-slide="prev">Previous</a>
            <a class="carousel-control right" href="#single-quad" data-slide="next">Next</a>
        </div>
        <div class="kalei">
            <a href="front/hostbank/index/2.do?name=2"><span class="kalespan"><img src="static/img/jsyh.jpg" alt=""></span></a>
            <a href="front/hostbank/index/1.do?name=1"><span class="kalespan"><img src="static/img/wfyh.gif" alt=""></span></a>
        </div>
    </div>
</div>
<div class="news">
    <div class="news-d">
        <div class="news-div" id="smkNews">
            <div class="news-div1">
            	<img src="static/img/news1.png" alt="">
            	<span class="news-leibie">市民卡新闻</span>
            </div>
           <!--  <div class="news-img">
                <div>
                    <img src="././static/img/new1.png">                
                </div>
                <div class="newImgTitle">
                    <div class="news-zuixin">
                        <span class="news1-zuixin">[最新]</span>
                        <span class="news2-zuixin">青州市乡村振兴暨灾后恢复重建工作调度会召开</span>
                    </div>
                    <div class="clock-img">
                        <img src="././static/img/clock.png">
                        <span class="clock-time">2018-10-08</span>
                    </div>
                </div>
            </div> -->
        </div>
        <div class="news-div" id="smkNotice">
            <div class="news-div1">
            	<img src="static/img/news2.png" alt="">
                <span class="news-leibie">市民卡公告</span>
            </div>
           <!--  <div class="news-img">
                <div>
                    <img src="././static/img/new1.png">                
                </div>
                <div class="newImgTitle">
                    <div class="news-zuixin">
                        <span class="news1-zuixin">[最新]</span>
                        <span class="news2-zuixin">青州市乡村振兴暨灾后恢复重建工作调度会召开</span>
                    </div>
                    <div class="clock-img">
                        <img src="././static/img/clock.png">
                        <span class="clock-time">2018-10-08</span>
                    </div>
                </div>
            </div> -->
        </div>
    </div>
</div>
    <%@include file="/static/include/front/front-footer.inc" %>
    

<script src="static/common/js/jquery-ui.js"></script>
<script src="static/common/js/jMenu.jquery.js"></script>
<script src="static/common/js/bootstrap.min.js"></script>
<script src="static/js/qzsmk.js"></script>
<script type="text/javascript">
$(function(){
	getSMKNews();
	getSMKNotice();
	function getSMKNews(){//smkNews
		$.get("front/article/articlePageList.do",{"articleType":1,"articleStatus":1},function(result){
			var strHtml = '';
			if(result.code==1){
				var articleList = result.articleList;
				if(articleList.length>0){
                    strHtml +=' <div class="news-img" id="xwtop" articleId="'+articleList[0].articleId+'"><div><img src="././static/img/new1.png"></div><div class="newImgTitle"><div class="news-zuixin"><span class="news2-zuixin"><span class="news1-zuixin">[最新]</span>'+ articleList[0].articleName +'</span></div><div class="clock-img"><img src="././static/img/clock.png"><span class="clock-time">'+articleList[0].releaseTimeStr+'</span></div></div></div>';
					for(var i=1;i<articleList.length;i++){
						var releaseTime = new Date(articleList[i].releaseTime).Format("yyyy-MM-dd");
						strHtml += '<div class="news-title" articleId="'+articleList[i].articleId+'">>['+releaseTime+']'+articleList[i].articleName+'</div>';
					}
					strHtml += '<button class="lookmore newstb" id="moreSMKNews">查看更多</button>';
				}
			}else{
				strHtml +='';
			}
			$("#smkNews").append(strHtml);
			$("#smkNews .news-title").bind("click",function(){
				var id = $(this).attr("articleId");
				window.location.href="front/article/articleDetail/"+id+".do?articleType=1";
			})
			$("#xwtop").click(function(){
				var id = $(this).attr("articleId");
				window.location.href="front/article/articleDetail/"+id+".do?articleType=1";
			})
			$("#moreSMKNews").bind("click",function(){
				window.location.href="front/article/articlePage/1.do";
			})
			
		})
	}
	function getSMKNotice(){//smkNotice
		$.get("front/article/articlePageList.do",{"articleType":2,"articleStatus":1},function(result){
			var strHtml = '';
			if(result.code==1){
				var articleList = result.articleList;
				if(articleList.length>0){
                   

                     strHtml +=' <div class="news-img" id="ggtop" articleId="'+articleList[0].articleId+'"><div><img src="././static/img/new1.png"></div><div class="newImgTitle"><div class="news-zuixin"><span class="news2-zuixin"><span class="news1-zuixin">[最新]</span>'+ articleList[0].articleName +'</span></div><div class="clock-img"><img src="././static/img/clock.png"><span class="clock-time">'+articleList[0].releaseTimeStr+'</span></div></div></div>';
                   
					for(var i=1;i<articleList.length;i++){
						var releaseTime = new Date(articleList[i].releaseTime).Format("yyyy-MM-dd");
						strHtml += '<div class="news-title news-title2" articleId="'+articleList[i].articleId+'">><div>'+articleList[i].announcementTypeStr+'</div>['+releaseTime+']'+articleList[i].articleName+'</div>';
					}
					strHtml += '<button class="lookmore newstb" id="moreSMKNotice">查看更多</button>';
				}
			}else{
				strHtml +='';
			}
			$("#smkNotice").append(strHtml);
			$("#smkNotice .news-title").bind("click",function(){
				var id = $(this).attr("articleId");
				window.location.href="front/article/articleDetail/"+id+".do?articleType=2";
			})
			$("#ggtop").click(function(){
				var id = $(this).attr("articleId");
				window.location.href="front/article/articleDetail/"+id+".do?articleType=2";
			})
			$("#moreSMKNotice").bind("click",function(){
				window.location.href="front/article/articlePage/2.do";
			})
		})
	}
	
	Date.prototype.Format = function (fmt) { //author: meizz 
	    var o = {
	        "M+": this.getMonth() + 1, //月份 
	        "d+": this.getDate(), //日 
	        "h+": this.getHours(), //小时 
	        "m+": this.getMinutes(), //分 
	        "s+": this.getSeconds(), //秒 
	        "q+": Math.floor((this.getMonth()+3)/3), //季度 
	        "S": this.getMilliseconds() //毫秒 
	    };
	    if (/(y+)/.test(fmt)) {
	        fmt = fmt.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length));
	    }
	    for (var k in o)
	        if (new RegExp("(" + k + ")").test(fmt))
	        	fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));
	
	    return fmt;
	}
})
	 
</script>
</body>
</html>